feat: autolink headings

1 files changed, 4 insertions, 1 deletions

diff --git a/src/pages/[...path].tsx b/src/pages/[...path].tsx
index 06ad09d..d37ec91 100644
--- a/src/pages/[...path].tsx
+++ b/src/pages/[...path].tsx
@@ -9,6 +9,8 @@ import remarkGemoji from 'remark-gemoji';
 import benzinConfig from '../config';
 import Code from '../Code';
 import remarkGfm from 'remark-gfm';
+import rehypeSlug from 'rehype-slug';
+import rehypeAutolinkHeadings from 'rehype-autolink-headings';
 
 const transformLinkUri = (uri: string): string => {
   return uri.match(/(.*)\.md/)?.[1] || uri;
@@ -65,7 +67,8 @@ const Page: NextPage = ({ markdownSource, emojiFileNames }: any) => {
         <ReactMarkdown
           transformLinkUri={transformLinkUri}
           transformImageUri={transformImageUri}
-          rehypePlugins={[emojiPlugin(emojiFileNames), remarkGemoji, remarkGfm]}
+          rehypePlugins={[emojiPlugin(emojiFileNames), rehypeSlug, [rehypeAutolinkHeadings, { behavior: 'wrap' }]]}
+          remarkPlugins={[remarkGemoji, remarkGfm]}
           components={{
             emoji: Emoji,
             img: Image,